<template>
  <!--查询-->
  <nf-el-find
    v-model="listState.query"
    v-bind="findMeta"
    @my-change="myChange"
  />
</template>

<script>
/* eslint-disable import/no-absolute-path */
import { reactive, watch } from 'vue'
// 状态
import { state } from 'nf-state'

// 新的列表页面的管理类
import { getList } from '../../controller/data-list-controller.js'
</script>

<script setup>
// 组件
// eslint-disable-next-line import/no-absolute-path
import nfElFind from '/ctrl/nf-el-find/el-find-div.vue'

// 属性：模块ID、查询条件
const props = defineProps({
  moduleId: [Number, String]
})

// 列表的状态管理类

// 获取列表状态
const listState = getList(props.moduleId)

// 列表用的 meta
const findMeta = state.projectMeta.module[props.moduleId].find
findMeta.reload = false

// 用户设置查询条件后触发
const myChange = (query) => {
  // 获取第一页的数据，并且重新统计总数
  listState.reloadFirstPager()
}
</script>
